<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>柔性+智能交通行业解决方案</title>
		<link rel="stylesheet" href="css/jiaotong.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="swiper-4.5.0/dist/css/swiper.min.css" />
	</head>

	<body>
		<div class="header">
			<img src="img/banner-control2.0a3cfc9.jpg" />
			<h1>智能交通 </h1>
		</div>
		<div class="box ">
			<nav class="navbar navbar-expand-lg navbar-light ">
				<a class="navbar-brand" href="index.html">

					<img src="img/logo_white.png" />
					<img src="img/logo_blue.png" />

				</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    				<span class="navbar-toggler-icon"></span>
  				</button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav mr-auto">
						<li class="nav-item li-1">
							<a class="nav-link" href="#">消费者产品<span class="sr-only">(current)</span></a>

						</li>
						<li class="nav-item li-2">
							<a class="nav-link" href="#">行业解决方案</a>

						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">服务与支持</a>
							<div class="nav-body-two">
								<ul class="xiala">
									<li>
										<a href="#">玩机教程</a>
									</li>
									<li>
										<a href="#">帮助中心</a>
									</li>
									<li>
										<a href="#">售后政策</a>
									</li>
									<li>
										<a href="#">下载和更新</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item">
							<a class="nav-link " href="#">社区</a>
							<div class="nav-body-two">
								<ul class="xiala">
									<li>
										<a href="#">开发者</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>

					<form class="form-inline my-2 my-lg-0">
						<button type="button" class="btn btn-primary">商城</button>
						<img src="img/profile_gray.png" />
					</form>

				</div>

			</nav>

			<div class="nav-body-one nav-body1">

				<div class="nav-body">
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/flexpai_nav_img-cn.png" />
								<span>FlexPai柔派手机</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/230-180.png" />
								<span>RoTorch柔炬</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/flexible_display_wearables_bar.png" />
								<span>柔性屏时尚衣帽</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/rowrite-325x234.png" />
								<span>RoWrite柔记</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/moon_4g-325x234.png" />
								<span>Royole Moon系列</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img/>
								<span>全部产品</span>
							</li>
						</a>
					</ul>
				</div>
			</div>

			<div class="nav-body-one nav-body2">
				<div class="nav-body">
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/1_normal@2x.png" />
								<span>消费电子</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/2_normal@2x.png" />
								<span>智能交通</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/3_normal@2x.png" />
								<span>智能家居</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/4_normal@2x.png" />
								<span>运动时尚</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/5_normal@2x.png" />
								<span>教育办公</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/6_normal@2x.png" />
								<span>机器人</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/7_normal@2x.png" />
								<span>其他</span>
							</li>
						</a>
					</ul>
				</div>
			</div>
		</div>

		<div class="solution">
			<h3>"柔性+" 解决方案</h3>
			<p>柔性电子应用在柔性汽车中控、仪表、座椅、车窗天窗、娱乐休闲等场景，<br /> 将会是汽车一种全新的设计元素，提升客户用车体验，提升企业品牌价值；
				<br /> 同时柔性电子应用在智慧城市的显示端，将会给这个区域带来满满的科技感。
			</p>
			
			<div id="app">
			    <ul>
				<li v-for="url in message">
					<img :src="url.pic"/>
					<h5>
						{{ url.list}}
					</h5>
					<p>
						{{ url.text }}
					</p>
				</li>
			</ul>
		    </div>
			
		</div>
		
		<div class="product">
			<h3>应用产品</h3>
			<p>基于柔性电子技术商用的产品范例</p>
			
			<div id="a">
				  <ul>
				<li v-for="lis in message">
					<img :src="lis.p"/>
					<h5>
						{{ lis.l}}
					</h5>
					<p>
						{{lis.t }}
					</p>
				</li>
			</ul>
			</div>
			
			<button>了解更多</button>
		</div>
		
		<div id="z">
			<ul>
				<li v-for="list in message">
					<img :src="list.tu"/>
					<h5>
						{{ list.zi}}
					</h5>
					<p>
						{{list.main }}
					</p>
					<p>
						{{ list.m }}
					</p>
				</li>
			</ul>
		</div>
        
        <div class="consult">
			<button>咨询行业解决方案</button>
			<p>对柔性显示屏有任何技术疑问或商业合作，请填写你的问题和需求，我们会尽快回复。</p>
		</div>
		
		<div class="footer">
			<div class="footer_one">
				<div class="footer_left">
					<ul>
						<li class="z">消费者产品</li>
						<li><a href="#">FlexPai柔派手机</a></li>
						<li><a href="#">RoTorch柔炬</a></li>
						<li><a href="#">柔性屏时尚衣帽</a></li>
						<li><a href="#">RoWrite柔记</a></li>
						<li><a href="#">Royle Moon系列</a></li>
						<li><a href="#">全部产品</a></li>						
					</ul>
					<ul>
						<li class="z">行业解决方案</li>
						<li><a href="#">消费电子</a></li>
						<li><a href="#">智能交通</a></li>
						<li><a href="#">智能家居</a></li>
						<li><a href="#">运动时尚</a></li>
						<li><a href="#">教育办公</a></li>
						<li><a href="#">机器人</a></li>
						<li><a href="#">全部行业</a></li>
					</ul>
					<ul>
						<li class="z">"柔性+"技术</li>
						<li><a href="#">柔性显示屏</a></li>
						<li><a href="#">柔性传感器</a></li>
						<li><a href="#">传统触控屏</a></li>
						<li><a href="#">柔充</a></li>
					</ul>
					<ul class="y">
						<li class="z">新闻中心</li>
						<li><a href="#">公司动态</a></li>
						<li><a href="#">媒体报道</a></li>
						<li><a href="#">社会责任</a></li>
					</ul>
					<ul>
						<li class="z">购买渠道</li>
						<li><a href="#">官网</a></li>
						<li><a href="#">京东商城</a></li>
						<li><a href="#">天猫旗靓店</a></li>
						<li><a href="#">线下零售店</a></li>
						<li><a href="#">代理商招募</a></li>
					</ul>
					<ul>
						<li class="z">服务与支持</li>
						<li><a href="#">玩机教程</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">售后政策</a></li>
						<li><a href="#">下载和更新</a></li>
						<li><a href="#">预置应用公示</a></li>
					</ul>
					<ul class="y">
						<li class="z">社区</li>
						<li><a href="#">开发者</a></li>
					</ul>
					<ul>
						<li class="z">关于柔宇</li>
						<li><a href="#">柔宇简介</a></li>
						<li><a href="#">投资机构</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">招募精英</a></li>
					</ul>
				</div>
				<div class="footer_right">
					<h4>400-999-3333</h4>
					<p>周一至周五: 9:00-21:00</p>
					<p>周六至周日: 9:00-18:00</p>
					<button><img src="img/2019-06-17_163523.png"/> 邮件咨询</button>
				</div>
			</div>2
			<div class="footer_two">
				<div class="footer_d">
					<a class="l">版权所有 ©2019 深圳市柔宇科技有限公司　粤ICP备15041489号</a>
					<a class="r"><img src="img/2019-06-17_164923.png"/> <img src="img/2019-06-17_164947.png"/>|　 网站地图 　|　 隐私政策 　|　  <img src="img/2019-06-17_165005.png"/>国家/地区</a>
				</div>
			</div>
		</div>
		
		<div id="totop">

			<img src="img/未标题-3.png"/>
      
		</div>
        
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script type="text/javascript" src="js/vue.js" ></script>
		<script type="text/javascript" src="js/axios.min.js" ></script>
		<script type="text/javascript" src="js/jiaotong.js"></script>
	</body>

</html>